<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米模型</title>
		<style>
			* {
				padding: 0px;
				margin: 0px;
			}

			.hbox {
				width: 100%;
				height: 60px;
				background-color: black;
			}

			.fbox {
				width: 2000px;
				height: 100%;
				background-color: yellowgreen;
				margin: auto;
			}

			.zbox {
				width: 900px;
				height: 100%;
				background-color: pink;
				float: left;
			}

			.ybox {
				width: 300px;
				height: 100%;
				background-color: darkgrey;
				float: right;
			}

			.cbox {
				width: 2000px;
				height: 100px;
				margin: 15px auto;
				border: 2px solid black;
				background-color: azure;
			}

			.cbox .box1 {
				width: 130px;
				height: 100%;
				border: 1px solid orange;
				float: left;
			}

			.cbox .box2 {
				width: 700px;
				height: 100%;
				border: 1px solid red;
				margin: auto;
			}

			.cbox .box3 {
				width: 200px;
				height: 100px;
				border: 1px solid blue;
				float: right;
				margin: -103px auto;
			}

			.bbox {
				width: 2000px;
				height: 600px;
				border: 2px solid black;
				margin: 15px auto;
				background-color: gainsboro;
			}

			.bbox .box1 {
				width: 400px;
				height: 100%;
				background-color: gray;
				float: left;
			}

			.bbox .box2 {
				width: 1600px;
				height: 100%;
				border: 2px solid orangered;
				float: right;
				margin: -5px;
			}

			.Dbox {
				width: 2000px;
				height: 250px;
				border: 2px solid black;
				background-color: lemonchiffon;
				margin: 25px auto;
			}

			.Dbox .box1 {
				width: 458px;
				height: 100%;
				margin-right: 60px;
				margin-left: 3px;
				background-color: palegoldenrod;
				float: left;
			}

			.Dbox .box {
				width: 100px;
				height: 110px;
				background-color: aliceblue;
				margin: 10px 25px;
				float: left;

			}

			.Dbox .box2 {
				width: 458px;
				height: 100%;
				margin-right: 55px;
				background-color: palegoldenrod;
				float: left;
			}

			.Dbox .box3 {
				width: 458px;
				height: 100%;
				margin-right: 4px;
				background-color: palegoldenrod;
				float: left;
			}

			.Dbox .box4 {
				width: 450px;
				height: 100%;
				margin-right: 40px;
				background-color: palegoldenrod;
				float: right;
				margin: auto;
			}

			.Fbox {
				width: 2000px;
				height: 200px;
				border: 2px solid black;
				margin: 25px auto;
				margin-bottom: 40px;
				background-color: honeydew;
			}

			.Gbox {
				width: 2000px;
				height: 1100px;
				border: 2px solid black;
				margin: 20PX auto;
			}

			.Gbox .box1 {
				width: 2000px;
				height: 100px;
				background-color: darkgray;
				font-size: 45px;
				color: #333;
				font-weight: 50;

			}

			.Gbox .box2 {
				width: 450px;
				height: 1000px;
				background-color: dimgray;
			}

			.Gbox .box3 {
				width: 1550px;
				height: 1000px;
				background-color: lightgrey;
				float: right;
				margin: -1000px auto;
				border: 1px solid #333;
			}

			.Gbox .boxs {
				width: 449px;
				height: 500px;
				background-color: azure;
				margin-bottom: 6px;
			}

			.Gbox .boxx {
				width: 449px;
				height: 490px;
				background-color: aliceblue;
			}

			.Hbox {
				width: 2000px;
				height: 200px;
				border: 2px solid #333;
				margin: 10px auto;
				background-color: bisque;
			}

			.kbox {
				width: 100%;
				height: 800px;
				background-color: cadetblue;
				margin: 45px 0px;
			}

			.kbox .box1 {
				width: 2000PX;
				height: 80PX;
				background-color: darkgreen;
				margin: auto;
			}

			.kbox .box2 {
				width: 2000px;
				height: 700px;
				background-color: seagreen;
				margin: 6px auto;
			}

			.kbox .box1 .box {
				width: 350px;
				height: 77px;
				margin: 2px 25px 2px 25px;
				background-color: dimgray;
				float: left;
			}

			.kbox .box2 .box {
				width: 283px;
				height: 666px;
				background-color: grey;
				float: left;
				margin: 10px 25px;
			}

			.Lbox {
				width: 100%;
				height: 264px;
				background-color: cadetblue;
			}

			.Lbox .box1 {
				height: 150px;
				width: 2000px;
				border: 4px solid black;
				margin: auto;
			}

			.Lbox .boxda {
				width: 110px;
				height: 110px;
				margin: 5px 0px 5px 3px;
				background-color: gray;
			}

			.Lbox .boxxiao {
				width: 1850px;
				height: 150px;
				background-color: darkgray;
				float: right;
				margin: -120px auto;
			}

			.Lbox .box2 {
				height: 50px;
				width: 2000px;
				margin: auto;
			}

			.Lbox .box2 .box {
				height: 50px;
				width: 260px;
				background-color: gold;
				margin: 8px 10px 0px 0px;
				float: left;
			}

			.Zbox {
				width: 90px;
				height: 550px;
				background-color: gainsboro;
				border: 1px solid #f5f5f5;
				float: right;
				position: fixed;
				bottom: 70px;
				right: 0;
				z-index: 99;
			}

			.Zbox .box {
				width: 90px;
				height: 80px;
				margin: 5px auto;
				background-color: beige;
			}
			.Zbox .box2{
				width: 90px;
				height: 100px;
				font-size: 25px;
				text-align: center;
				font-weight: 50;
				margin: 20px auto 0px auto;
				background-color: antiquewhite;
			}
		</style>
	</head>

	<body>

		<div class="hbox">
			<div class="fbox">
				<div class="zbox"></div>
				<div class="ybox"></div>
			</div>
		</div>

		<div class="cbox">
			<div class="box1"></div>
			<div class="box2"></div>
			<div class="box3"></div>
		</div>

		<div class="bbox">
			<div class="box1"></div>
			<div class="box2"></div>
		</div>

		<div class="Dbox">
			<div class="box1">
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
			</div>
			<div class="box2"></div>
			<div class="box3"></div>
			<div class="box4"></div>
		</div>

		<div class="Fbox"></div>

		<div class="Gbox">
			<div class="box1">
				<span>手机</span>
			</div>
			<div class="box2"></div>
			<div class="box3"></div>
		</div>

		<div class="Gbox">
			<div class="box1">
				<span>智能穿戴</span>
			</div>
			<div class="box2"></div>
			<div class="box3"></div>
		</div>

		<div class="Gbox">
			<div class="box1">
				<span>笔记本 | 平板</span>
			</div>
			<div class="box2"></div>
			<div class="box3"></div>
		</div>

		<div class="Gbox">
			<div class="box1">
				<span>家电</span>
			</div>
			<div class="box2">
				<div class="boxs"></div>
				<div class="boxx"></div>
			</div>
			<div class="box3"></div>
		</div>

		<div class="Gbox">
			<div class="box1">
				<span>生活电器</span>
			</div>
			<div class="box2">
				<div class="boxs"></div>
				<div class="boxx"></div>
			</div>
			<div class="box3"></div>
		</div>

		<div class="Gbox">
			<div class="box1">
				<span>厨房电器</span>
			</div>
			<div class="box2">
				<div class="boxs"></div>
				<div class="boxx"></div>
			</div>
			<div class="box3"></div>
		</div>

		<div class="Gbox">
			<div class="box1">
				<p>智能家居</p>
			</div>
			<div class="box2">
				<div class="boxs"></div>
				<div class="boxx"></div>
			</div>
			<div class="box3"></div>
		</div>

		<div class="Hbox"></div>

		<div class="kbox">
			<div class="box1">
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
			</div>
			<div class="box2">
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
			</div>
		</div>
		<div class="Lbox">
			<div class="box1">
				<div class="boxda"></div>
				<div class="boxxiao"></div>
			</div>
			<div class="box2">
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
				<div class="box"></div>
			</div>
		</div>

		<div class="Zbox">
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box"></div>
			<div class="box2"><a href="#">回顶部</a></div>		
		</div>
	</body>
</html>